<template>
	<view style="width: 100%; height: 10%;">

		<!-- <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">11</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">222</view>
			</swiper-item>
		</swiper> -->
		<wd-swiper :list="swiperList" autoplay v-model:current="current" @click="handleClick" @change="onChange"
			></wd-swiper>
	</view>
</template>

<script setup lang="ts">
	name: "mySwiper"
	import { ref } from 'vue'

	const current = ref<number>(0)

	const swiperList = ref([
		'https://registry.npmmirror.com/wot-design-uni-assets/*/files/redpanda.jpg',
		'https://registry.npmmirror.com/wot-design-uni-assets/*/files/capybara.jpg',
		'https://registry.npmmirror.com/wot-design-uni-assets/*/files/panda.jpg',
		'https://registry.npmmirror.com/wot-design-uni-assets/*/files/moon.jpg',
		'https://registry.npmmirror.com/wot-design-uni-assets/*/files/meng.jpg'
	])
	function handleClick(e) {
		// console.log(e)
	}
	function onChange(e) {
		// console.log(e)
	}
</script>

<style>

</style>